<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>HTML5 Form Markup</title>
</head>
<body>
    <label for="color">Color:
        <input id="color" type="color">
    </label>
    <br>
    <label for="date">Date:
        <input id="date" type="date">
    </label>
    <br>
    <label for="datetime">Datetime:
        <input id="datetime" type="datetime">
    </label>
    <br>
    <label for="datetime-local">Datetime-Local:
        <input id="datetime-local" type="datetime-local">
    </label>
    <br>
    <label for="email">Email:
        <input id="email" type="email">
    </label>
    <br>
    <label for="month">Month:
        <input id="month" type="month">
    </label>
    <br>
    <label for="number">Number:
        <input id="number" type="number">
    </label>
    <br>
    <label for="range">Range:
        <input id="range" type="range">
    </label>
    <br>
    <label for="search">Search:
        <input id="search" type="search">
    </label>
    <br>
    <label for="time">Time:
        <input id="time" type="time">
    </label>
    <br>
    <label for="tel">Tel:
        <input id="tel" type="tel">
    </label>
    <br>
    <label for="url">Url:
        <input id="url" type="url">
    </label>
    <br>
    <label for="week">Week:
        <input id="week" type="week">
    </label>
    <br>
</body>
</html>